<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        .button{
            border-radius: 5px;
            color:white;
            background-color: #169BD5;
            font-size: 25px;
            padding:5px 13px;
            float: right;
            margin-top:25px;
            margin-left:10px;
        }
    </style>
    <script src="{{static_url('js/jquery-3.3.1.min.js')}}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            //alert(123)
            $("li").click(function(){
                //alert(1)
                $("li").attr("class","nochoose")
                $(this).attr("class","choose")
                //alert(2)
            })
            $(".showinfo").hide()
            $("#listfile").change(function () {
                var form = new FormData(document.getElementById("uoloadFile"));
                $.ajax({
                    url:"/getPiliangxinxi",
                    type:"post",
                    data:form,
                    processData:false,
                    contentType:false,
                    success:function(data){
                        html=""

                        // alert("length"+data.length)
                        // alert("length()"+data.length())
                        for (var i=1;i<=data["size"];i++){
                            each_json=data[i]
                            html+="<tr>"
                            if (each_json["boo"]=="true"){
                                // # 公司名 name
                                var name=each_json["name"]
                                html+="<td>"+name+"</td>"
                                // # 英文名 property3
                                var property3=each_json["property3"]
                                html+="<td>"+property3+"</td>"
                                // # 注册号 regNumber
                                var regNumber=each_json["regNumber"]
                                html+="<td>"+regNumber+"</td>"
                                // # 注册资金 regCapital
                                var regCapital=each_json["regCapital"]
                                html+="<td>"+regCapital+"</td>"
                                // # 注册时间 estiblishTime
                                var estiblishTime=each_json["estiblishTime"]
                                html+="<td>"+estiblishTime+"</td>"
                                // # 组织机构代码 orgNumber
                                var orgNumber=each_json["orgNumber"]
                                html+="<td>"+orgNumber+"</td>"
                                // # 公司类型 companyOrgType
                                var companyOrgType=each_json["companyOrgType"]
                                html+="<td>"+companyOrgType+"</td>"
                                // # 省份简称 base
                                var base=each_json["base"]
                                html+="<td>"+base+"</td>"
                                // # 法人代表 legalPersonName
                                var legalPersonName=each_json["legalPersonName"]
                                html+="<td>"+legalPersonName+"</td>"
                                // # 经营状态 regStatus
                                var regStatus=each_json["regStatus"]
                                html+="<td>"+regStatus+"</td>"
                                // # 行业 industry
                                var industry=each_json["industry"]
                                html+="<td>"+industry+"</td>"
                                // # 社会统一信用代码 creditCode
                                var creditCode=each_json["creditCode"]
                                html+="<td>"+creditCode+"</td>"

                            }else{
                                // # 公司名 name
                                var name=each_json["name"]
                                html+="<td>"+name+"</td>"
                                html+="<td colspan='11' style='text-align: center'>暂无数据</td>"
                            }
                            html+="</tr>"
                        }
                        $("#tbody").html(html)
                        $("#download").attr("href","/getPiliangxinxi?filename="+data["filename"])

                    },
                    error:function(e){
                        alert("错误！！");
                    }
                });

            })
        });
        function getInfo(){
            $(".showinfo").hide();
            var url=$("li[class='choose']").attr("value");
            var kw=$("#kw").val();
            var choose_index=$("li[class='choose']").attr("index");
            //alert(choose_index)
            if (kw==""){
                alert("清输入需要查询的企业信息");
                return false;
            }
            data={"kw":kw}
            url+="?kw="+kw
            $.ajax({
                type:"get",
                url:url,
                //data:JSON.stringify(data),
                cache:false,
                success:function(data){
                    if (data["error_code"]==0){
                        //alert(data["reason"])
                        //alert(data["result"])
                        eval("show"+choose_index+"(data)")
                        $("#"+choose_index).show()
                        $("#daochu").show()
                        return true
                    }else{
                        $("#badinfo").html(data["reason"])
                        $("#badinfo").show()
                        return true
                    }
                },
                error:function(data,type,err){
                    //alert("wrong")
                    $("#badinfo").show()
                },
            });
        }
        function uploadFile(){
            $("#listfile").val("")
            $("#listfile").click()
        }

        function outputFile(){
            //$("#download").click()
            var href=$("#download").attr("href")
            if (href==""){
                alert("暂无数据可以导出")
            }else{
                open(href)
            }

        }
        function goToZSCQ(){
            open("http://cpquery.sipo.gov.cn/")
        }
    </script>
</head>
<body>
    <div style="width: 98%;background-color: white;">

        <div style="overflow: hidden;">
            <h1 style="float: left;">企业信息</h1>
            <button type="button" class="button" onclick="outputFile()">信息导出</button>
            <button type="button" class="button" onclick="uploadFile()">公司列表文件导入</button>

            <!--<button type="button" class="showinfo" id="daochu" style="margin-left:10px;width:100px;height:40px;margin-top:-5px" onclick="daochu()">导出</button>-->
        </div>
        <div style="display: none">
            <form id="uoloadFile" enctype ="multipart/form-data">
                <input type="file" name="listfile" id="listfile">
            </form>
            <a id="download" href=""></a>
        </div>
        <div>
            <table border="1px solid black" cellspacing="0" width="100%" style="margin-top: 10px">
                <thead>
                    <th>公司名</th>
                    <th>英文名</th>
                    <th>注册号</th>
                    <th>注册资金</th>
                    <th>注册时间</th>
                    <th>组织机构代码</th>
                    <th>公司类型</th>
                    <th>省份简称</th>
                    <th>法人代表</th>
                    <th>经营状态</th>
                    <th>行业</th>
                    <th>社会统一信用代码</th>
                </thead>
                <tbody id="tbody">
                    <!--<tr>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                        <!--<td></td>-->
                    <!--</tr>-->
                </tbody>
            </table>
        </div>
        <div style="color:red;padding-left:80%;margin-top:20px">*信息来自于天眼查，为合法信息</div>
        <!--<div >-->
            <!--<h4>知识产权查询</h4>-->
            <!--<button onclick="goToZSCQ()" style="float: none;font-size: 18px;padding:3px 23px;">查   询</button>-->
        <!--</div>-->
    </div>
</body>
</html>